@import "@/static/css/common.scss";

.container {
	.content {
		max-height: 90vh;
		overflow-y: auto;
		padding: 0 0 100rpx;
	}
	.u-cell__title-text {		color: #666666;	}	/deep/ .u-cell {		padding: 0 12rpx 10rpx !important;	}
	/deep/ .u-collapse-head{
		font-size: 32rpx;
	}
	/deep/ .u-cell_title{
		font-size: 30rpx;
		color: #333333;
	}
}

.outter-circle {
	position: relative;
	width: 500rpx;
	height: 500rpx;
	border-radius: 100%;
	transform-origin: center;
	transform: rotate(45deg);
}

.parts {
	position: relative;
	float: left;
	width: 200rpx;
	height: 200rpx;
	line-height: 200rpx;
	text-align: center;
	margin: 20rpx;
	padding: 0;
	border-radius: 30rpx;
}

.circle {
	position: absolute;
	top: 140rpx;
	left: 130rpx;
	width: 200rpx;
	height: 200rpx;
	line-height: 180rpx;
	text-align: center;
	border-radius: 50%;
	padding: 0;
}

.rotate {
	display: block;
	transform: rotate(-45deg);
}

.bg-white {
	background-color: #ffffff;
	color: #666666;
}

.margin {
	margin: 30rpx;
}

.cu-bar {
	display: flex;
	position: relative;
	align-items: center;
	min-height: 100rpx;
	justify-content: space-between;
}

.radius {
	border-radius: 30rpx;
}

.cu-list.menu {
	display: block;
	overflow: hidden;
}

.shadow[class*="-white"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
}

.bg-blue {
	background-color: #0081ff;
	color: #ffffff;
}

.bg-green {
	background-color: #39b54a;
	color: #ffffff;
}

.bg-cyan {
	background-color: #1cbbb4;
	color: #ffffff;
}

.bg-orange {
	background-color: #f37b1d;
	color: #ffffff;
}

.bg-red {
	background-color: #e54d42;
	color: #ffffff;
}

.operate-btns {
	position: fixed;
	bottom: 80rpx;
	width: 100%;
	@include flexLayout(center, center);
}

.segment-tabs {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	padding-bottom: 20rpx;
	border-top: 2rpx solid #dfdfdf;
	z-index: 99;
}

.cards {
	@include cards;
}

.param-content {
	margin-top: 30rpx;
	box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);

	.blue-name {
		.u-cell__title {
			border-left: 10rpx solid #e54d42;
			border-radius: 8rpx;
			padding-left: 18rpx;
		}
	}
	/deep/ .u-collapse-item{
		padding-bottom: 20rpx;
	}
}

.btn-center {
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}



/deep/ .segmented-control {
	height: 120rpx !important;
}

.progress-box {
	position: absolute;
	left: 0;
	bottom: 20rpx;
	width: 100%;
	height: 50rpx;
	padding: 10rpx;
}

.read_btns {
	position: relative;
	@include flexLayout(center, space-between);
	padding: 20rpx;

	.read_btn {
		width: 200rpx;
		color: #19be6b;
		background-color: #dbf1e1;
		margin: 2% 3%;
		font-size: 28rpx;
		border-radius: 42rpx;
		border: 1px solid #71d5a1;
	}

	.scan_left {
		@include flexLayout(center, flex-start);

		.scaning {
			@include flexLayout(center, flex-start);
			font-size: 42rpx;
			font-weight: bold;
			margin-bottom: 30rpx;
		}
	}

	.grades {
		width: 180rpx;
		height: 180rpx;
		line-height: 160rpx;
		border-radius: 50%;
		border: 10rpx solid #BDE2FD;
		margin: 0 30rpx 0 20rpx;
		background: transparent;
		color: #ffffff;
		font-size: 52rpx;
		text-align: center;
		span{
			font-size: 24rpx;
			margin-left: 6rpx;
		}
	}
	.cacel_btn{
		position: absolute;
		right: 20rpx;
		top: 20rpx;
		padding: 4rpx 18rpx;
		background: #efefef;
		color: #666;
		border-radius: 22rpx;
	}
}

/deep/ .uni-list-item__container {
	align-items: center;
}

/deep/ .uni-list-item {
	line-height: 40rpx;
	font-size: 26rpx;
	color: #555555;
}

.icon-copy {
	position: absolute;
	right: 40rpx;
	font-size: 42rpx;
	color: #666666;
}

.warn-box {
	font-size: 32rpx;
	color: #3a3a3a;
	font-weight: 600;
	margin-bottom: 10rpx;
}

.nodata {
	text-align: center;
	color: #7D7D7D;
	font-size: 24rpx;
	margin-top: 50%;

	.empty_img {
		width: 210rpx;
	}
}

.cell-title {
	color: #19be6b;
	font-size: 32rpx;
	margin-top: 30rpx;
	margin-left: 20rpx;
}

.opert-btn {
	margin-left: 60rpx;
	margin-top: 20rpx;
}

.tag-text {
	background: #2979ff;
	width: 80rpx;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	border-radius: 50%;
	color: #ffffff;
}

.flexLayout {
	@include flexLayout(center, flex-start);
}

/* #ifdef MP-WEIXIN */
::v-deep .uni-navbar__header {
	// margin-top: 50rpx;
}

/* #endif */
::v-deep .u-cell-box {
	margin-top: 0 !important;
}

::v-deep .uni-navbar {
	.uni-icons {
		font-size: 56rpx;
	}

	.uni-nav-bar-text {
		font-size: 32rpx;
	}

	.uni-nav-bar-right-text {
		font-size: 28rpx;
	}
}

.bin-card {
	@include flexLayout(center, flex-start);
	flex-wrap: wrap;
	color: #6A6A6A;

	.bin-one {
		width: 22%;
		text-align: center;

		.bin-border {
			height: 120rpx;
			line-height: 120rpx;
			border: 5rpx solid #E5E5E5;
			border-radius: 18rpx;
			margin: 20rpx 0 10rpx;
		}
		
	}

	.bin-one:not(:nth-child(4n)) {
		margin-right: 3%;
	}
	.box-one{
		width: 31%;
	}
	.box-one:not(:nth-child(4n)) {
		margin-right: 0;
	}
	.box-one:not(:nth-child(3n)) {
		margin-right: 3%;
	}
}


.alertbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border-radius: 24rpx;
	width: 640rpx;
	max-height: 1040rpx;
	overflow-y: auto;
	padding: 20rpx;
	color: #333333;

	.alert_title {
		text-align: center;
		margin-bottom: 20rpx;
	}

	.address {
		margin-left: 50rpx;
	}

	.alert_btn {
		line-height: 66rpx;
		position: absolute;
		bottom: 30rpx;
		left: calc(50% - 110rpx);
		background-color: #2979ff;
		width: 220rpx;
	}

	.closeempty {
		position: absolute;
		right: 30rpx;
	}
}

.binpopbox {
	padding: 30rpx 20rpx;
	.bin_left {
		font-size: 42rpx;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20rpx;
	}
	
	.bin_btns {
		text-align: center;
		margin-top: 30rpx;

		button {
			margin-left: 30rpx;
			background: #51b7b9;
			color: #FFFFFF;
		}
	}
}
.binparam {
	.binone {
		line-height: 58rpx;
		border-bottom: 2rpx solid #efefef;
		.labels {
			display: inline-block;
			width: 228rpx;
			text-align: right;
			color: #606266;
		}
	}
}
.label-title {
	border-left: 8rpx solid #2979ff;
	padding-left: 10rpx;
	border-radius: 8rpx;
	font-weight: bold;
	margin: 12rpx 0;
	color: #2979ff;
}
.warn-cell{
	margin-left: 24rpx;
}
.warn-title{
	margin-left: 10rpx;
	font-size: 30rpx;
}
::v-deep .u-collapse-head{
	color: #000000 !important;
	font-weight: bold;
}
.param-contents{
	::v-deep .u-card__body{
		padding: 0 !important;
	}
}
.diognosis-btns{
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	::v-deep button{
		width: 260rpx;
		height: 260rpx;
		font-size: 36rpx;
		border-radius: 50%;
		border: 4rpx solid #0081ff !important;
		background: #2979ff !important;
		color: #ffffff !important;
		box-shadow: 10rpx 10rpx 20rpx grey;
	}
	::v-deep button::after{
		border: none;
	}
}
.nodiag{
	background: linear-gradient(to bottom, #2979FF, #1455c1);
	padding: 100rpx 20rpx;
	color: #ffffff;
}
.param-title {
	border-left: 8rpx solid #0081ff;
	padding-left: 12rpx;
	border-radius: 8rpx;
	color: #0081ff;
	font-size: 36rpx;
	font-weight: bold;
	margin: 10rpx 0 40rpx;
}